<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>新卓越在线考试管理系统</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/ionicons.min.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/lesson-info.css">
</head>
<body class="row">

<!-- left area -->
<div class="left col-md-2">
    <aside>
        <div class="welcome t-c">
            <strong>新卓越在线考试管理系统</strong>
        </div>
        <ul class="f-16">
            <a href="exam-summary.html"  class="side-menu-color"><li>
                <i class="icon ion-navicon-round f-18 m-r-10"></i>  考试概况
                <span class="icon ion-android-radio-button-off f-r f-13"></span>
            </li></a>
            <a href="student-manage.html"  class="side-menu-color"><li>
                <i class="icon ion-person-stalker f-18 m-r-10"></i> 学员管理
                <span class="icon ion-android-radio-button-off f-r f-13"></span>
            </li></a>
            <li  class="side-menu-color" id="course">
                <i class="icon ion-ios-list-outline f-18 m-r-10"></i>  课程管理
                <span class="icon ion-ios-arrow-back f-r f-18"></span>
            </li>
            <a href="lesson-info.html" class="side-menu-color"><li class="course  nav-list-item-actived">
                <i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  课程信息
                <span class="icon ion-android-checkbox-outline f-r f-18"></span>
            </li></a>
            <a href="subject-library.html"  class="side-menu-color"><li class="course">
                <i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  题库管理
                <span class="icon ion-android-list f-r f-18"></span>
            </li></a>
            <li class="side-menu-color" id="assessment">
                <i class="icon ion-android-done-all f-18 m-r-10"></i>考核管理
                <span class="icon ion-ios-arrow-back f-r f-18"></span>
            </li>
            <a href="exam-manage.html"  class="side-menu-color"><li class="assessment child-menu">
                <i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  考试管理
                <span class="icon ion-ios-calculator f-r f-18"></span>
            </li></a>
            <a href="member-manage.html"  class="side-menu-color"><li class="assessment child-menu">
                <i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  成员管理
                <span class="icon ion-ios-personadd f-r f-18"></span>
            </li></a>
            <li id="grade"  class="side-menu-color">
                <i class="icon ion-calculator f-18 m-r-10"></i>  成绩管理
                <span class="icon ion-ios-arrow-back f-r f-18"></span>
            </li>
            <a href="exam-grade.html"  class="side-menu-color"><li class="grade child-menu">
                <i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  考试成绩
                <span class="icon ion-android-done-all f-r f-18"></span>
            </li></a>
            <a href="grade-details.html"  class="side-menu-color"><li class="grade child-menu">
                <i class="icon ion-ios-arrow-forward f-18 m-r-10"></i>  成绩明细
                <span class="icon ion-android-funnel f-r f-18"></span>
            </li></a>
            <a href="super-manage.html"  class="side-menu-color"><li>
                <i class="icon ion-ios-locked-outline f-18 m-r-10"></i>  超级管理
                <span class="icon ion-android-radio-button-off f-r f-13"></span>
            </li></a>
        </ul>
    </aside>
</div>
<!-- left area end -->

<!-- right area -->
<div class="right col-md-10 f-r">
    <header>
        <span class="notice-body"><i class="icon ion-alert"></i>  公告：</span><span id="notice">2016新卓越秋季软师报名进行中！</span>
        <span id="userName" class="m-r-10">上午好,卓小越  <a href="##">  退出</a></span>
    </header>
    <main>
        <div id="information">
          <div class="heading clearfix" id="nav">
            <h4 class="f-l">课程管理 <small>查看课程信息</small></h4>
            <ol class="breadcrumb f-r">
              <li><a href="lesson-info.html">课程管理</a></li>
              <li class="active">课程信息</li>
            </ol>
          </div>
          <div class="row">
            <button class="btn btn-default col-md-1" id="batch-delete"><i class="fa fa-trash-o cur-p"></i>批量删除</button>
            <button class="btn btn-default col-md-1" id="add"><i class="fa fa-plus">添加课程</i></button>
            <div class="col-md-6 search" >
              <input type="text" id="search"  placeholder="请输入课程编号/课程名/学时/老师">
              <button class="btn btn-default" id="searchBtn">搜索</button>
            </div>
          </div>
          <div class="content m-t-2">
              <table class="table-information m-t-10">
                <tr class="title">
                  <td><input type="checkbox" name="all" id="benchdelete"></td>
                  <td>课程号</td>
                  <td>课程名</td>
                  <td>课程期数</td>
                  <td>开课时间</td>
                  <td>结束时间</td>
                  <td>任课老师</td>
                  <td>上课人数</td>
                  <td>操作</td>
                </tr>
                  <!--<tr>-->
                      <!--<td><input type="checkbox" name="part"></td>-->
                      <!--<td>C1</td>-->
                      <!--<td>C语言程序设计基础</td>-->
                      <!--<td>300学时</td>-->
                      <!--<td>2016.6.1</td>-->
                      <!--<td>2016.10.1</td>-->
                      <!--<td>李大宝</td>-->
                      <!--<td>400</td>-->
                      <!--<td><i class="fa fa-trash-o cur-p delete"></i></td>-->
                  <!--</tr>-->
                  <!--<tr>-->
                      <!--<td><input type="checkbox" name="part"></td>-->
                      <!--<td>C2</td>-->
                      <!--<td>java语言程序设计基础</td>-->
                      <!--<td>200学时</td>-->
                      <!--<td>2016.8.1</td>-->
                      <!--<td>2016.9.1</td>-->
                      <!--<td>王大宝</td>-->
                      <!--<td>355</td>-->
                      <!--<td><i class="fa fa-trash-o cur-p delete"></i></td>-->
                  <!--</tr>-->
                  <!--<tr>-->
                      <!--<td><input type="checkbox" name="part"></td>-->
                      <!--<td>C3</td>-->
                      <!--<td>程序员考试培训</td>-->
                      <!--<td>300学时</td>-->
                      <!--<td>2016.9.1</td>-->
                      <!--<td>2016.11.1</td>-->
                      <!--<td>范大宝</td>-->
                      <!--<td>553</td>-->
                      <!--<td><i class="fa fa-trash-o cur-p delete"></i></td>-->
                  <!--</tr>-->
                  <!--<tr>-->
                      <!--<td><input type="checkbox" name="part"></td>-->
                      <!--<td>C4</td>-->
                      <!--<td>软件设计师考试培训</td>-->
                      <!--<td>400学时</td>-->
                      <!--<td>2016.8.1</td>-->
                      <!--<td>2016.11.1</td>-->
                      <!--<td>范大宝</td>-->
                      <!--<td>666</td>-->
                      <!--<td><i class="fa fa-trash-o cur-p delete"></i></td>-->
                  <!--</tr>-->
              </table>
          </div>
        </div>
        <div class="addcourse" id="addCourse">
          <p class="t-c f-16 title">推荐课程</p>
          <ul class="row">
            <li class="col-md-4"><a href="#"><img class="col-md-4" src="images/课程1.jpg" width="320" height="200"><p class="t-c">财务分析与决策</p></a><button class="btn btn-info add-btn">添加课程</button></li>
            <li class="col-md-4"><a href="#"><img class="col-md-4" src="images/课程2.jpg" width="320" height="200"><p class="t-c">逻辑学概论</p></a><button class="btn btn-info add-btn">添加课程</button></li>
            <li class="col-md-4"><a href="#"><img class="col-md-4" src="images/课程3.jpg" width="320" height="200"><p class="t-c">细胞和组织</p></a><button class="btn btn-info add-btn">添加课程</button></li>
            <li class="col-md-4"><a href="#"><img class="col-md-4" src="images/课程4.jpg" width="320" height="200"><p class="t-c">现代生物学导论</p></a><button class="btn btn-info add-btn">添加课程</button></li>
            <li class="col-md-4"><a href="#"><img class="col-md-4" src="images/课程5.png" width="320" height="200"><p class="t-c">走近医学</p></a><button class="btn btn-info add-btn">添加课程</button></li>
            <li class="col-md-4"><a href="#"><img class="col-md-4" src="images/课程6.jpg" width="320" height="200"><p class="t-c">食品与安全</p></a><button class="btn btn-info add-btn">添加课程</button></li>
          </ul>
        </div>
        <div class="filterform">
          <table id="table-filterform"></table>
          <button class="btn btn-default back">返回全部列表</button>
        </div>
        <nav>
          <ul class="pagination">
            <li><a href="#">&laquo;</a></li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">&raquo;</a></li>
          </ul>
        </nav>
    </main>
    <footer>
    	<strong class="m-l-20">Copyright © 2016 <a href="http://thoughtcoding.csxupt.com">新卓越计算机教育</a>.</strong> All rights reserved.
    </footer>
<!-- right area end -->
</div>
<script type="text/javascript"src = "js/jquery.min.js"></script>
<script type="text/javascript" src = "js/common.js"></script>
<script type="text/javascript" src="js/lesson-info.js" charset="GB2312"></script>
</body>
</html>
